<!DOCTYPE html>
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<ui:insert name="title">
		<title>Complementary</title>
	</ui:insert>

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="author" content="Alexsandro Oliveira and Alex Oliveira" />
	<h:outputStylesheet library="css" name="bootstrap.css"></h:outputStylesheet>
	
</h:head>

<h:body>
	<div class="layout">
		<!-- Header -->
		<ui:insert name="header">
		</ui:insert>

		<ui:insert name="notifications">
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="false" />
		</ui:insert>

		<!-- Main -->
		<div class="main"  style="margin-top: 80px; margin-bottom: 60px;">
			<div class="container">
				<div class="row">
					<div class="content">
						<ui:insert name="main">
						</ui:insert>
					</div>
				</div>
			</div>
		</div>
		<!-- End Main -->
		<!-- Footer -->
		<ui:insert name="footer">
			<div class="navbar navbar-default navbar-fixed-bottom">
				<div class="container">
					<p class="navbar-text pull-left">
						Desenvolvido por <a href="https://www.facebook.com/petsiufc">PET-Sistemas
							de Informação (Universidade Federal do Ceará - Quixadá)</a>
					</p>
				</div>
			</div>
		</ui:insert>
		<!-- End Footer -->
	</div>

	<h:outputScript name="bootstrap.js" library="js" />

</h:body>

</html>